<template>
    <div class="box">
       
        <div class="top">
           
                <van-icon name="chat-o" @click="$router.push('/kind')"/>
            <p>至高12期免息</p>
            <van-icon name="chat-o" @click="$router.push('/kind')"/>

        
        </div>
        <div class="content" >
            <van-search v-model="value" placeholder="请输入搜索关键词"  @click-input="$router.push('/search')"/>
            <van-grid column-num="5">
  <van-grid-item :icon="require('@/assets/logo.png')" text="logo" />
  <van-grid-item :icon="require('@/assets/22.jpg')" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
 
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
</van-grid>
<br>
<p style="text-align: center;">....猜你喜欢.....</p>
<ProList/>

        </div>
    </div>


</template>
<script setup>
import ProList from './ProList.vue'
</script>
<style>
.top{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background-color: orangered;
}

</style>